<!--
 * @Author: your name
 * @Date: 2020-08-13 08:55:20
 * @LastEditTime: 2020-09-27 11:10:46
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \c-u-f\src\App.vue
-->

<template>
  <div id="app" :class="themeClass">
    <router-view />
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  data () {
    return {
    }
  },
  computed: {
    ...mapState(['theme']),
    themeClass () {
      return `theme-${this.$store.getters.getTheme}`
    }
  }
}
</script>

<style lang="scss">
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  width: 100%;
  height: 100%;
}
.cesium-viewer-toolbar{
  display: none;
}
/* css 颜色变量 */
:root{
  // 黑色主题颜色
  --Wfont-w: #FFFFFF;
  --wline: rgba(255,255,255,.3);
  --wlineOne: rgba(255,255,255,.1);
  --wlineTwo: #42474F;
  --wborderTop: #BBE3FF;
  --Wfont-blur: #71E6FF; // 滚动条颜色
  --Wfont-blur2: #6BEBED; // 表格蓝色颜色
  --Wbg-b: #377080;
  --Wbg-f: #101620;
  --Wbg-tab: #293954; // 表头颜色
  --Wbg-tabThOne: #374553; //td 奇数背景色
  --Wbg-tabThTwo: #3D4652; //td 偶数背景色
  --Wse-bj: rgba(255, 255, 255, 0.1);
  //白色主题颜色
  --Bfont-w: #000;
  --Bfont-blur: #0398FF;
  --Bbg-b: #0398FF;
  --Bbg-blur: #0279FF;
}
</style>
